<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="baidu-site-verification" content="Vy5Y37FCpH" />
    <title>星海STARSEA-瑞麦（RE/MAX）日本公司，日本房产投资-日本购房-日本留学置业</title>
    <meta name="keywords" content="星海,STARSEA,瑞麦日本,RE/MAX日本,日本房产投资,日本购房,日本留学置业,海外地产投资,国外地产投资,日本地产投资">
    <meta name="description"
          content="星海STARSEA株式会社是瑞麦（RE/MAX）在日本东京的第7家合作公司，专注于日本房产投资、日本购房、日本留学置业，致力于为华人提供优质的日本地产投资和其他海外地产投资咨询服务">
    <!--请在这里更换 favicon-->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/zico.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/pageCss/base.css">
    <link rel="stylesheet" href="css/pageCss/index.css">
    <script>
        //百度统计
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");

            hm.src = "https://hm.baidu.com/hm.js?35fa6b5daf10a4065cab1f14e9bfd1e2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150530945-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-150530945-1');
    </script>
</head>
<body>
<div id="app" v-cloak>
    <!--导航栏-->
    <nav class="container-fluid navbar p-0 navbar-expand-lg bg-navbar d-lg-flex d-xl-flex d-none d-sm-none d-md-none">
        <div class="navbar container px-0">
            <a href="index.html" class="navbar-brand mr-5">
                <img src="img/pc/home/logo.png" alt="">
            </a>
            <a href="index.html" class="nav-item nav-link text-white ml-5 home"><h5 class="navbar-text">首页</h5></a>
            <a href="globalHouse.html" class="nav-item nav-link text-white"><h5 class="navbar-text">精品房源</h5>
            </a>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=5" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">经纪团队</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.brokeTeam">
                        <a :href="'information.html?type=5&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=2" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">咨讯百科</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.inforMation">
                        <a :href="'information.html?type=2&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=3" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">新闻动态</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.news">
                        <a :href="'information.html?type=3&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <a href="contact.html" class="nav-item nav-link text-white"><h5 class="navbar-text">联系我们</h5></a>
        </div>
    </nav>
    <!--导航栏移动站-->
    <nav class="bg-navbar d-xl-none d-lg-none d-md-block d-sm-block mask-ele">
        <a href="index.html" class="navbar-brand mr-5 vertical-middle">
            <img src="img/pc/home/logo.png" alt="">
        </a>
        <a href="#" class="menu"><i
                class="zi zi_alignjustify iBigSize mobile-nav-i clearfix float-right text-white"></i></a>
    </nav>
    <div class="mask position-fixed"></div>
    <ul class="list-group list-group-flush container-fluid p-0 modal-box-ul mask-ele position-absolute">
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="index.html" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">首页</a>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="globalHouse.html" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">精品房源</a>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=5"
               class="mx-3 px-2 py-1 d-block border-bottom text-white noDecoration">经纪团队
            </a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.brokeTeam">
                    <a :href="'information.html?type=5&menuCol='+item.dictValue" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=2"
               class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">咨讯百科</a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.inforMation">
                    <a :href="'information.html?type=2&menuCol='+item.dictValue" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=3"
               class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">新闻动态</a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.news">
                    <a :href="'information.html?type=3&menuCol='+item.dictValue" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="contact.html" class="mx-3 px-2 py-1 d-block text-white noDecoration">联系我们</a>
        </li>
    </ul>
    <!--轮播图-->
    <div class="swiper-container container-fluid mainCarousel">
        <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in info.pics" :key="item.id">
                <!--pc端图片-->
                <a v-bind:href="item.link" v-bind:target="item.jumpType">
                    <img class="d-xl-block d-lg-block d-md-none d-sm-none d-none w-100 img-fluid"
                         v-bind:src="item.picAddr">
                </a>
                <!--移动端的图片请放在下面这个-->
                <a v-bind:href="item.link" v-bind:target="item.jumpType">
                    <img class="d-xl-none d-lg-none d-md-block d-sm-block w-100 mainMobileCarousel"
                         v-bind:src="item.picAddr" alt="First slide">
                </a>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!--卡片阵列-->
    <div class="row justify-content-between container mx-auto mb-5 logoList mt-5">
        <div class="card col-xl-3 col-lg-2 col-md-3 col-sm-3 border-0 text-center col-5 flex-column">
            <img class="img-fluid mx-auto" src="img/pc/home/exploit.png" alt="Card image cap">
            <div class="card-body p-0">
                <h4 class="card-title">100%真实房源</h4>
                <p class="card-text mb-1">
                    <small class="text-muted">精选房源，实底勘察</small>
                </p>
                <p class="card-text mb-1">
                    <small class="text-muted">保证真实</small>
                </p>
            </div>
        </div>
        <div class="card col-xl-3 col-lg-2 col-md-3 col-sm-3 border-0 text-center col-5 flex-column">
            <img class="img-fluid mx-auto" src="img/pc/home/market.png" alt="Card image cap">
            <div class="card-body p-0">
                <h4 class="card-title">经营投资</h4>
                <p class="card-text mb-1">
                    <small class="text-muted">优质高回报项目</small>
                </p>
                <p class="card-text mb-1">
                    <small class="text-muted">轻松申请永住</small>
                </p>
            </div>
        </div>
        <div class="card col-xl-3 col-lg-2 col-md-3 col-sm-3 border-0 text-center col-5 flex-column">
            <img class="img-fluid mx-auto" src="img/pc/home/lease.png" alt="Card image cap">
            <div class="card-body p-0">
                <h4 class="card-title">房屋托管</h4>
                <p class="card-text mb-1">
                    <small class="text-muted">维护、管理、招租、经营</small>
                </p>
                <p class="card-text mb-1">
                    <small class="text-muted">不在日本也省心</small>
                </p>
            </div>
        </div>
        <div class="card col-xl-3 col-lg-2 col-md-3 col-sm-3 border-0 text-center col-5 flex-column">
            <img class="img-fluid mx-auto" src="img/pc/home/performance.png" alt="Card image cap">
            <div class="card-body p-0">
                <h4 class="card-title">专业顾问</h4>
                <p class="card-text mb-1">
                    <small class="text-muted">1v1咨询服务</small>
                </p>
                <p class="card-text mb-1">
                    <small class="text-muted">带你了解日本不动产</small>
                </p>
            </div>
        </div>
    </div>
    <!--房源推荐-->
    <div class="container-fluid mb-5 col-xl-12 col-lg-12 recommend">
        <div class="container">
            <h3 class="float-left">房源推荐</h3>
            <a href="globalHouse.html" class="text-secondary float-right moreLineHeight noDecoration">
                更多
                <i class="zi zi_forRight iLittleSize"></i>
            </a>
            <div class="clearfix"></div>
            <div class="mb-3 blackGrayLine"></div>
            <!--pc图片信息-->
            <div class="card-deck d-sm-flex d-none" v-for="(item,index) in info.houses" v-if="index%4 == 0">
                <div class="card border-0">
                    <a :href="info.houses[index].id+'.html'" class="noDecoration"
                       v-if="index < info.houses.length">
                        <img class="card-img-top" :src="info.houses[index].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index].price }}&nbsp;&nbsp;{{info.houses[index].houseType}}
                            </p>
                            <p class="text-muted mb-0" v-if="info.houses[index].rateOfReturn">投资回报率：{{info.houses[index].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="info.houses[index+1].id+'.html'" class="noDecoration"
                       v-if="index+1 < info.houses.length">
                        <img class="card-img-top" :src="info.houses[index+1].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index+1].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index+1].price}}&nbsp;&nbsp;{{info.houses[index+1].houseType}}

                            </p>
                            <p class="text-muted mb-0" v-if="info.houses[index+1].rateOfReturn">投资回报率：{{info.houses[index+1].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index+1].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="info.houses[index+2].id+'.html'" class="noDecoration"
                       v-if="index+2 < info.houses.length">
                        <img class="card-img-top" :src="info.houses[index+2].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index+2].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index+2].price
                                }}&nbsp;&nbsp;{{info.houses[index+2].houseType}}
                            </p>
                            <p class="text-muted mb-0" v-if="info.houses[index+2].rateOfReturn">投资回报率：{{info.houses[index+2].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index+2].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="info.houses[index+2].id+'.html'" class="noDecoration"
                       v-if="index+3 < info.houses.length">
                        <img class="card-img-top" :src="info.houses[index+3].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index+3].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index+3].price
                                }}&nbsp;&nbsp;{{info.houses[index+3].houseType}}
                            </p>
                            <p class="text-muted mb-0" v-if="info.houses[index+3].rateOfReturn">投资回报率：{{info.houses[index+3].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index+3].addr}}</p>
                        </div>
                    </a>
                </div>
            </div>
            <!--移动设备图片信息-->
            <div class="card-deck d-sm-none justify-content-between flex-row" v-for="(item, index) in info.houses"
                 v-if=" index%2 == 0">
                <div class="card border-0 col-6">
                    <a :href="info.houses[index].id+'.html'" class="noDecoration">
                        <img class="card-img-top" :src="info.houses[index].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index].price  }}&nbsp;&nbsp;{{info.houses[index].houseType}}</p>
                            <p class="text-muted mb-0" v-if="info.houses[index].rateOfReturn">回报率：{{info.houses[index].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0 col-6">
                    <a :href="info.houses[index+1].id+'.html'" class="noDecoration">
                        <img class="card-img-top" :src="info.houses[index+1].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{info.houses[index+1].title}}</h5>
                            <p class="text-muted mb-0">{{info.houses[index+1].price  }}&nbsp;&nbsp;{{info.houses[index+1].houseType}}</p>
                            <p class="text-muted mb-0" v-if="info.houses[index+1].rateOfReturn">回报率：{{info.houses[index+1].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{info.houses[index+1].addr}}</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--资讯百科&新闻动态-->
    <div class="container-fluid px-0 information-news">
        <div class="container px-0 justify-content-xl-between justify-content-lg-between justify-content-md-between d-flex mb-5 flex-md-row flex-sm-column flex-column">
            <figure class="figure col-xl-6 col-lg-5 col-md-6 col-sm-12 col-12 information mr-xl-2 mr-lg-3">
                <h3 class="float-left">资讯百科</h3>
                <a href="information.html?type=2" class="text-secondary float-right moreLineHeight noDecoration">
                    更多
                    <i class="zi zi_forRight iLittleSize"></i>
                </a>
                <div class="clearfix"></div>
                <div class="mb-3 blackGrayLine"></div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide position-relative" v-for="item in info.infoMations" :key="item.id">
                            <a :href="item.id+'.html'">
                                <img class="d-block w-100" :src="item.thumbnail" alt="First slide">
                                <!--请在这里填充轮播图下方的文字-->
                                <div class="position-absolute w-100">{{item.title}}</div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </figure>
            <figure class="figure col-xl-6 col-lg-5 col-md-6 col-sm-12 col-12 ml-xl-2 ml-lg-3">
                <h3 class="float-left">新闻动态</h3>
                <a href="information.html?type=3" class="text-secondary float-right moreLineHeight noDecoration">
                    更多
                    <i class="zi zi_forRight iLittleSize"></i>
                </a>
                <div class="clearfix"></div>
                <div class="mb-3 blackGrayLine"></div>
                <a :href="info.news.length == 0?' ':(info.news[0].id+'.html')">
                    <img :src="info.news.length == 0?' ':info.news[0].thumbnail"
                         class="figure-img col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-0 p-sm-0" alt="">
                </a>
                <div class="card float-md-right border-0 col-lg-8 col-xl-8 col-md-8">
                    <div class="card-body p-0 newsTitle-reactive col-sm-12 mx-auto p-sm-2 p-sm-0 p-3">
                        <h5 class="card-title">{{info.news.length == 0?' ':info.news[0].title}}</h5>
                        <p class="card-text text-secondary">{{info.news.length == 0?' ':info.news[0].describe}}</p>
                    </div>
                </div>
                <div class="clearfix"></div>
                <ul class="list-group list-group-flush mt-3">
                    <a v-for="(item,index ) in info.news" v-if="index != 0" :href="item.id + '.html'">
                        <li class="list-group-item d-block d-sm-flex justify-content-between align-items-center border-0 p-2 clearfix position-relative">
                            {{item.title}}
                            <span class="badge badge-transparent badge-pill text-secondary d-none d-sm-block float-right position-absolute">2018-08-31</span>
                            <br class="d-sm-none d-block">
                            <span class="d-block d-sm-none float-left">{{item.createDate | formatDate}}</span>
                        </li>
                        <li class="grayDashed"></li>
                    </a>
                </ul>
            </figure>
        </div>
    </div>
    <!--关于我们-->
    <div class="container-fluid mb-5 about">
        <div class="container px-0 media justify-content-xl-between justify-content-lg-between justify-content-md-between d-xl-flex d-lg-flex d-md-flex flex-md-row flex-sm-column flex-column">
            <img class="img-fluid mr-4 p-4 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"
                 v-bind:src="info.aboutAs.thumbnail"
                 alt="Generic placeholder image">
            <div class="media-body col-xl-6 col-lg-5 ml-4 p-4 col-md-7 col-sm-6 d-none d-sm-none d-md-block d-lg-block d-xl-block">
                <h3 class="mb-2">{{info.aboutAs.title}}</h3>
                <p>
                    {{info.aboutAs.describe}}
                </p>
                <a class="btn btn-primary" href="about.html">了解更多
                    <i class="zi zi_forRight iLittleSize"></i>
                </a>
            </div>
            <div class="col-11 mx-auto d-lg-none d-lg-none d-md-none">
                <h3 class="mb-2">{{info.aboutAs.title}}</h3>
                <p>
                    {{info.aboutAs.describe}}
                </p>
                <a class="btn btn-primary mb-3" href="about.html">了解更多
                    <i class="zi zi_forRight iLittleSize"></i>
                </a>
            </div>
        </div>
    </div>
</div>

<!--底部信息-->
<div id="message" v-cloak>
    <!--在线留言-->
    <msg-content></msg-content>
</div>
<script src="js/tools/jquery-3.3.1.min.js"></script>
<script src="js/tools/popper.min.js"></script>
<script src="js/tools/bootstrap.min.js"></script>
<script src="js/tools/swiper.min.js"></script>
<script src="js/tools/vue.min.js"></script>
<script src="js/tools/vue-resource.js"></script>
<script src="common/base.js"></script>
<script src="js/page_js/index.js"></script>
<script src="js/tools/illya.tool.js"></script>
<script>
    var newsTitleReactive = document.querySelector('.newsTitle-reactive');
    window.onresize = function () {
        if (document.body.clientWidth <= 768) {
            newsTitleReactive.style.background = '#efefef';
        }
    };

    if (document.body.clientWidth <= 768) {
        newsTitleReactive.style.background = '#efefef';
    }
</script>
</body>
</html>